html {height: 100%; -webkit-user-select: none; font-family: "微软雅黑",Arial,Tahoma,Helvetica,SimSun,sans-serif;}
a,a:focus{outline:none;}
body{ background: url(../img/bg.png);height: calc(100% - 50px); overflow: hidden;}
/***************************自定义滚动条*******************/
::-webkit-scrollbar {width: 10px; background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(202,202,202,0.07)),color-stop(100%,rgba(229,229,229,0.07))); background: -webkit-linear-gradient(left,rgba(202,202,202,0.07) 0%,rgba(229,229,229,0.07) 100%); background-color: #ccc; }
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: rgba(255,255,255,0.9); }
::-webkit-scrollbar, ::-webkit-scrollbar-thumb {overflow: visible; /*border-radius: 4px;*/ border-right: solid 1px #a6a6a6; }
::-webkit-scrollbar-thumb {background-color: #666;}
::-webkit-scrollbar-button {height: 0; display: block; background-color: transparent; } 
/************************导航**********************************/
.container{ width: 100%;}
.navbar .navbar-header img {float: left;margin-top: 8px;margin-right: 10px;margin-left: 10px;}
.navbar .navbar-header {width: 300px;}
.navbar .container {padding: 0;max-width: none;}
.navbar .navbar-collapse {position: relative; padding: 0; } 
.navbar .navbar-collapse a {-webkit-app-region: no-drag; } 
.window-tool {position: absolute; right: 5px; top: 10px; }
.window-tool a.rectbtn {padding-left: 9px; padding-right: 9px; border-radius: 0 !important; border: none !important; background: none !important; box-shadow: none !important; color: #fff; }
.window-tool a.rectbtn:hover {background-color: #3f3f3f !important; }
.window-tool a.rectbtn:active {background-color: #007ACC !important; }
/***************************布局区域*********************************/
.app {height: 100%; overflow: hidden; max-width: none; margin-top: 50px; padding: 0; } 
.app .content {width: 100%; height: 100%; display: -webkit-box; -webkit-box-orient: horizontal; }
.app .sidebar {padding: 15px; width: 250px; height: 100%; } 
.app .sidebar-middle {width: 300px; } 
.app .container-right {width: calc(100% - 250px); overflow: auto; height: 100%; padding-top: 15px; padding-right: 15px; } 
.app .container-right-middle{width: calc(100% - 300px); } 
.panel {border-radius: 0; } 
.panel .btn {border-radius:0; } 
.panel .panel-body {color: #666; } 
.panel textarea,.panel input {border-radius: 0; resize: none; } 
.panel-primary {border: none; }
.panel-heading {border-top-right-radius: 0px; border-top-left-radius: 0px; }
.code-tool{margin-bottom: 0; background-color: #428bca; border-color: #428bca;} 
.code-tool a {width: 100px; background: #428bca; border-color: #428bca;}
.code-tool .current{ background: #286090; border-color: #286090;}
.requestlist{ background: url(../img/geometry.png);height: calc(100% - 33px);overflow: auto;margin: 0;color: #333;}
.requestlist p{ text-align: center; margin-top: 20px;}
.requestlist .request{width: 100%; padding: 2px 20px 2px 5px; position: relative;}
.requestlist .request:hover{ background: #ccc;}
.requestlist .request .requestdel{ position: absolute;right: 3px; top: 1px; display: none;}
.requestlist a{ text-decoration: none; cursor: pointer; font-size: 13px; color: #666;}
.requestlist a:hover{ text-decoration: none;}
.requestlist span{word-break:break-all;}
.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {margin-left: 0; }
.editor-tool {margin-bottom: 0; border-bottom: 2px solid #357ebd; height:36px; } 
.requesttitle{ background: #357ebd; width: 100px; height: 100%; color: #fff; text-align: center; line-height: 35px;}
.requestform{height: calc(100% - 51px); overflow: auto; border-radius: 0; background: url(../img/geometry.png); width: 100%; color: #000;}
.parmlist{width:100%;margin-top: 5px; clear: both;overflow: hidden;}
.parmlist .parminput{ width: 250px; float: left; border-radius: 0px; border: none; border-bottom: 1px solid #ccc; margin-right: 15px;}
.parmlist .parminputdiv{ overflow: hidden;}
.parminputdiv .leftspan{ float: left; line-height: 28px;}
.parmlist img{ vertical-align: middle;}
.parmlist .delparm{ line-height: 34px; cursor: pointer; display: block; float: left; width: 18px; display: none;}
.requestform form{ padding: 10px; clear: both;}
.resulttitle{border-bottom:1px solid #bbb; height:32px; margin: 0px; padding: 0px;}
.resulttitle a{ padding: 6px 20px 6px 20px; border-right: 1px solid #bbb; margin: 0px; display: block; float: left; color: #ccc; cursor: pointer;}
.resulttitle .current{ color: #000;}
.resulttitle a:hover{ text-decoration: none; color: #000;}
.resulttitle span{ vertical-align: middle; line-height: 32px;}
.resultbody{ width:calc(100% - 20px); margin:0px 10px 10px 10px; border: 1px solid #ccc; min-height:500px; border-radius: 5px; padding: 5px; word-break:break-all; word-wrap:break-word;}
.resultbody pre{ border: none;}
.resultcookie,.resultheader{word-break:break-all; word-wrap:break-word;}

.request:hover .requestdel{ display: block;}
.parminputdiv:hover .delparm{ display: block;}
.collecttitle{ cursor: pointer; background: #ddd;}
.collecttitle{ font-size: 18px; font-weight: bold;}
.resultshow{ -webkit-user-select: all;}